$(function () {
    // 获取用户的信息 并渲染到页面
    var form = layui.form
    var layer = layui.layer
    // 添加一个用户昵称的验证信息
    form.verify({
        use: function (value) {
            if (value.length > 7) {
                return '用户名的长度不能大于7位'
            }
        }

    })
    initUserInfo()

    function initUserInfo() {
        $.ajax({
            type: 'GET',
            url: '/my/userinfo',
            success: function (res) {
                if (res.status !== 0) {
                    return layer.msg(res.message)

                }
                // console.log(res);
                // layer.msg(res.message)
                // 渲染到页面
                form.val('userinfo', res.data)
            },
        })
    }
    // 给重置按钮绑定事件 不是清空 而是还原
    $('#btnReset').on('click', function (e) {
        e.preventDefault()
        initUserInfo()
    })
    // 给表单监听提交事件 上传更改用户的信息
    $('#modified').on('submit', function (e) {
        e.preventDefault()
        var data = form.val('userinfo')
        $.ajax({
            type: 'POST',
            url: '/my/userinfo',
            data: data,
            success: function (res) {
                if (res.status !== 0) {
                    return layer.msg(res.message)

                }
                layer.msg(res.message)
                //对index页面的用户信息进行更改后的更新
                window.parent.getUserInfo()
            },
        })
    })
})